<template>
  <el-card class="box-card">
    <div slot="header" class="clearfix title">
      <span>删除负面介绍</span>
    </div>
    <div v-html="intro" style="text-align: left;">
    </div>
  </el-card>
</template>

<script>
import { mapState } from 'vuex'
export default {
    name: 'Intro',
    data() {
        return {
        }
    },
    computed: {
        ...mapState({
            intro: state => state.index.intro
        })
    }
}
</script>

<style scoped>
  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }
  .box-card {
    width: 100%;
    min-height: 280px;
  }
  .title{
    text-align: left;
    font-weight: bold;
  }
  .intro{
    text-indent:30px;
    text-align: left;
  }
</style>
